@import "compass/css3";
@import "variable";

.alert{

	text-align:center;

	&.submit-notice{
		padding:10px 0;
		width:100%;
		background-color:map-get($alertColor,'green') ;
	}

}

.iv-tips{
	.icon-chenggong{
		font-size:40px;
		margin-right:10px;
	}
}

// 
.alertMsg{
	margin:50px auto;
	font-size: 20px;
	.iconfont{
		font-size: 48px;
	}
}

// alert-box
.alert-box,
.confirm-box{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	z-index:1002;
	background-color:#fff;
	border:1px solid map-get($bgColor,'border');
	@include align-items(center);
	@include flex-direction(column);
	.content{
		text-align: center;
		@include flex(1);
		@include vertical-align(center);
	}
}

.alert-box{
	width:400px;
	height:140px;
	@include opacity(0);
	.content{
		font-size:18px;
	}
}
.confirm-box{
	width:600px;
	height:250px;
	@include box-shadow(4px 4px 5px #777);
	.content{
		font-size:14px;
	}
	.action{
		@include flex(0 0 80px);
	}
}

#mask-layer{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000;
	z-index:1000;
	@include opacity(.2);
}


// 警告条区域

.iv-alert{

	border-style:solid;
	border-width:1px;
	padding:15px;
	@include border-radius(5px);

	@each $key,$value in $colors{
		&.alert-#{$key}{
			background-color:map-get($value,'main');
			border-color:#F6E2AB;
			color:map-get($value,'sub');
		}
	}



}



